<template>
    <div>
        <van-nav-bar title="订单列表" left-text="返回" left-arrow @click-left="onClickLeft" />
        <van-tabs v-model:active="active">
            <van-tab title="全部">
                <van-image width="100%" height="100" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
        <van-empty image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png" image-size="80"
            description="还没有相关订单哦" />
            </van-tab>
            <van-tab title="待付款">
                <van-image width="100%" height="100" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
                <van-card num="2" price="2.00" title="高清折叠手持化妆镜学生少女网红"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"></van-card>
                <van-button type="danger" style="float: right;">付款</van-button>
            </van-tab>
            <van-tab title="待发货">
                <van-image width="100%" height="100" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
        <van-empty image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png" image-size="80"
            description="还没有相关订单哦" />
            </van-tab>
            <van-tab title="待收货">
                <van-image width="100%" height="100" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
        <van-empty image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png" image-size="80"
            description="还没有相关订单哦" />
            </van-tab>
            <van-tab title="待评价">
                <van-image width="100%" height="100" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
        <van-empty image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png" image-size="80"
            description="还没有相关订单哦" />
            </van-tab>
            <van-tab title="售后">
                <van-image width="100%" height="100" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
        <van-empty image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png" image-size="80"
            description="还没有相关订单哦" />
            </van-tab>
        </van-tabs>
        
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>